<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>窨井管理</title>
    <link rel="stylesheet" href="picrotation.css">
</head>
<body>
<div class="box">
    <div class="box-body">
        <table id="mainDataTable" class="table table-bordered table-striped" cellspacing="0" width="100%">
            <thead>
            <tr>
                <th>
                    <input onchange="$.checkChange()" type="checkbox" id="batchCheck">
                </th>
                <th>序号</th>
                <th>全景图片</th>
                <th>地址</th>
                <th>道路</th>
                <th>起——止</th>
                <th>养护公司</th>
                <th>采集人</th>
                <th>安装时间</th>
                <th>详情</th>
                <th>操作</th>
            </tr>
            </thead>
        </table>
    </div>
</div>

<!--地图莫泰框-->
<div id="modal-map" class="modal fade" tabindex="-1" role="dialog"
     aria-labelledby="label-map" aria-hidden="true" style="z-index: 1500">
    <div class="modal-dialog" style="width: 800px;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"
                        onclick="$.clearModal($('#form-map'), $('#modal-map'))">
                    <span aria-hidden="true">&times;</span></button>
                <b id="label-map" class="modal-title">地图展示</b>
            </div>
            <div class="modal-body">
                <iframe id="myMap" src="management/roadPoleMap.html"
                        style="width: 100%;height: 365px" frameBorder=0 scrolling=no>
                </iframe>
            </div>
            <div class="modal-footer">
                <div style="float: left" id="modalMapRoad">
                    <div style="display: inline-block;">
                        <input type='text' class='form-control' id="startRoad" placeholder="开始路段">
                    </div>
                    <div style="display: inline-block;">
                        <input type='text' class='form-control' id="endRoad" placeholder="结束路段">
                    </div>
                </div>
                <button type="button" class="btn btn-primary btn-flat" id="subBtn">
                    <span class="glyphicon glyphicon-ok" aria-hidden="true"></span> 完成
                </button>
            </div>
        </div>
    </div>
</div>

<!--历史记录模态框-->
<div id="historyModal" class="modal fade" tabindex="-1" role="dialog"
     aria-labelledby="historyModalLabel" aria-hidden="true" style="z-index: 1500;">
    <div class="modal-dialog modal-md">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"
                        onclick="$('#historyModal').modal('hide')">
                    <span aria-hidden="true">&times;</span></button>
                <b id="historyModalLabel" class="modal-title">操作记录</b>
            </div>
            <div class="modal-body">
                <div class="col-md-12">
                    <table id="historyDataTable" class="table table-striped table-bordered"
                           cellspacing="0" width="100%">
                        <thead>
                        <tr>
                            <th>序号</th>
                            <th>事件</th>
                            <th>时间</th>
                            <th>人员</th>
                        </tr>
                        </thead>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

<!--二维码模态框-->
<div id="qrcodeModal" class="modal fade" tabindex="-1" role="dialog"
     aria-labelledby="showQrcodeLabel" aria-hidden="true" style="z-index: 1500">
    <div class="modal-dialog" style="width: 220px">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"
                        onclick="$('#qrcodeModal').modal('hide')">
                    <span aria-hidden="true">&times;</span></button>
                <b id="showQrcodeLabel" class="modal-title">二维码</b>
            </div>
            <div id="qrcode" style="padding: 10px">
            </div>
        </div>
    </div>
</div>

<!--图片上传模态框-->
<div id="upPictureModal" class="modal fade" tabindex="-1" role="dialog"
     aria-labelledby="upPictureModalLabel" aria-hidden="true" style="z-index: 1500">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"
                        onclick="$.closeUpPhModal()">
                    <span aria-hidden="true">&times;</span>
                </button>
                <b class="modal-title" id="upPictureModalLabel"></b>
            </div>
            <div class="modal-body row">
                <div id="container" class="col-sm-12">
                    <a id="selectfiles" href="javascript:void(0);" class='btn btn-primary'>
                        <span class='glyphicon glyphicon-picture'></span> 选择图片</a>
                    <a id="postfiles" href="javascript:void(0);" class='btn btn-success'>
                        <span class='glyphicon glyphicon-send'></span> 开始上传</a>
                </div>
                <div id="ossfile" class="col-sm-12" style="margin-top: 20px;"></div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" onclick="$.closeUpPhModal()">
                    <span class="glyphicon glyphicon-remove" aria-hidden="true"></span> 取消
                </button>
                <button type="button" class="btn btn-success" onclick="$.doneUpPhoto()">
                    <span class="glyphicon glyphicon-ok" aria-hidden="true"></span> 完成
                </button>
            </div>
        </div>
    </div>
</div>

<!--添加编辑模态框-->
<div id="coverModal" class="modal fade" tabindex="-1" role="dialog"
     aria-labelledby="coverLabel" aria-hidden="true">
    <div class="modal-dialog" style="width: 820px;">
        <div class="modal-content">
            <form id="coverForm" name="coverForm"
                  class="form-horizontal" role="form" method="post">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"
                            onclick='$.clearModal($("#coverForm"), $("#coverModal"));$.beDefault()'>
                        <span aria-hidden="true">&times;</span></button>
                    <b class="modal-title" id="coverLabel"></b>
                </div>
                <div class="modal-body">
                    <i class="no_act z_index3" href="javascript:null "></i>
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label class="col-sm-3 control-label">项目编号</label>
                                <div class="col-sm-9">
                                    <input type="text" class="form-control" placeholder="项目编号"
                                           id="projectNumber" name="projectNumber">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">地址</label>
                                <div class="col-sm-3" style="padding-right: 0">
                                    <select class="form-control" style="padding-right: 10px"
                                            id="province" name="province"></select>
                                </div>
                                <div class="col-sm-3" style="padding-left: 7px; padding-right: 7px">
                                    <select class="form-control" style="padding-right: 10px"
                                            id="city" name="city"></select>
                                </div>
                                <div class="col-sm-3" style="padding-left: 0">
                                    <select class="form-control" style="padding-right: 10px"
                                            id="area" name="area"></select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">坐标</label>
                                <div class="col-sm-8" style="padding-right: 0">
                                    <input type="text" class="form-control" placeholder="坐标" style="padding-right: 0"
                                           id="coordinate" name="coordinate">
                                </div>
                                <div class="col-sm-1 z_index3">
                                    <button type="button" id="myBtn" style="height: 34px; float: right">
                                        <i class="fa fa-map-marker"></i>
                                    </button>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">路名</label>
                                <div class="col-sm-9">
                                    <input type="text" class="form-control" placeholder="路名"
                                           id="coverRoadName" name="coverRoadName">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">起始路口</label>
                                <div class="col-sm-9">
                                    <input type="text" class="form-control" placeholder="起始路口"
                                           id="coverStartRoad" name="coverStartRoad">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">结束路口</label>
                                <div class="col-sm-9">
                                    <input type="text" class="form-control" placeholder="结束路口"
                                           id="coverEndRoad" name="coverEndRoad">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">安装公司</label>
                                <div class="col-sm-9">
                                    <input type="text" class="form-control" placeholder="安装公司"
                                           id="coverInstallOrg" name="coverInstallOrg">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">安装日期</label>
                                <div class="col-sm-9">
                                    <input type="text" class="form-control" placeholder="安装日期"
                                           id="coverInstallTime" name="coverInstallTime">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">说明备注</label>
                                <div class="col-sm-9">
                                    <input type="text" class="form-control" placeholder="说明备注"
                                           id="coverRemark" name="coverRemark">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">养护公司</label>
                                <div class="col-sm-9">
                                    <input type="text" class="form-control" placeholder="养护公司"
                                           id="coverOrgName" name="coverOrgName" readonly>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">采集员</label>
                                <div class="col-sm-9">
                                    <input type="text" class="form-control" placeholder="采集员"
                                           id="coverCreatorName" name="coverCreatorName" readonly>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label class="col-sm-3 control-label">窨井照片</label>
                                <div class="col-sm-9">
                                    <img id="coverPhotoImg" src=""
                                         onclick="$.openUpPic()" style="height: 230px; width: 260px">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">保修期</label>
                                <div class="col-sm-9">
                                    <select class="form-control" id="coverPeriod" name="coverPeriod">
                                        <option value="1">1年</option>
                                        <option value="2">2年</option>
                                        <option value="3">3年</option>
                                        <option value="4">4年</option>
                                        <option value="5">5年</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">使用年限</label>
                                <div class="col-sm-9">
                                    <select class="form-control" id="coverServiceLife" name="coverServiceLife">
                                        <option value="1">1年</option>
                                        <option value="2">2年</option>
                                        <option value="3">3年</option>
                                        <option value="4">4年</option>
                                        <option value="5">5年</option>
                                        <option value="6">6年</option>
                                        <option value="7">7年</option>
                                        <option value="8">8年</option>
                                        <option value="9">9年</option>
                                        <option value="10">10年</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">监管单位</label>
                                <div class="col-sm-9">
                                    <select class="form-control" id="coverMainOrgId" name="coverMainOrgId">
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">窨井形状</label>
                                <div class="col-sm-9">
                                    <select class="form-control" id="coverShape" name="coverShape">
                                        <option value="0">长方形</option>
                                        <option value="1">圆形</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">窨井材质</label>
                                <div class="col-sm-9">
                                    <select class="form-control" id="coverMaterial" name="coverMaterial">
                                        <option value="0">树脂</option>
                                        <option value="1">水泥</option>
                                        <option value="2">球墨</option>
                                        <option value="3">其他</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">窨井尺寸</label>
                                <div class="col-sm-9">
                                    <input class="form-control" id="coverSize" name="coverSize">
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
                <input type="hidden" id="coverId" name="coverId"/>
                <input type="hidden" id="coverProvince" name="coverProvince"/>
                <input type="hidden" id="coverCity" name="coverCity"/>
                <input type="hidden" id="coverArea" name="coverArea"/>
                <input type="hidden" id="coverLongitude" name="coverLongitude"/>
                <input type="hidden" id="coverLatitude" name="coverLatitude"/>
                <input type="hidden" id="coverRegionId" name="coverRegionId">
                <input type="hidden" id="coverCreatorId" name="coverCreatorId"/>
                <input type="hidden" id="coverModifierId" name="coverModifierId"/>
                <input type="hidden" id="coverOrgId" name="coverOrgId"/>
                <input type="hidden" id="coverPhoto" name="coverPhoto"/>
                <div class="modal-footer" id="defaultFooter">
                    <button type="button" class="btn btn-warning pull-left btn-flat" data-dismiss="modal"
                            onclick='$.clearModal($("#coverForm"), $("#coverModal"))'>
                        <i class="fa fa-trash-o"></i> 取消
                    </button>
                    <button type="submit" class="btn btn-primary btn-flat">
                        <i class="fa fa-save"></i> 保存
                    </button>
                </div>
                <div class="modal-footer" id="specialFooter" style="display: none;">
                    <button type="button" class="btn btn-primary pull-left btn-flat"
                            onclick='$.showHistory($("#coverId").val())'>
                        <i class="glyphicon glyphicon-th-list"></i> 事件历史
                    </button>
                    <button type="button" class="btn btn-primary btn-flat" data-dismiss="modal"
                            onclick='$.clearModal($("#coverForm"), $("#coverModal"));$.beDefault()'>
                        <i class="fa fa-save"></i> 确定
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>

</body>
<script src="../plugins/oss-h5-upload-js-direct/lib/plupload-2.1.2/js/plupload.full.min.js"></script>
<script src="../plugins/oss-h5-upload-js-direct/lib/crypto1/crypto/crypto.js"></script>
<script src="../plugins/oss-h5-upload-js-direct/lib/crypto1/hmac/hmac.js"></script>
<script src="../plugins/oss-h5-upload-js-direct/lib/crypto1/sha1/sha1.js"></script>
<script src="../plugins/oss-h5-upload-js-direct/lib/base64.js"></script>
<script src="../plugins/oss-h5-upload-js-direct/upload.js"></script>
<script src="management/qrcode.js"></script>
<script src="management/coverManage.js"></script>
</html>